@import "color";

li.message-box{
    ul.dropdown-menu{
        width: 280px;
        li.message-item{
            padding: 3px;
            display: flex;
            background-color: @CL_MESSAGE_ITEM_BG;
            .sender{
                display: inline-block;
                width: 60px;
                text-align: center;
                img.avatar{
                    width: 32px;
                    height: 32px;
                }
            }
            .message{
                display: inline-block;
                width: 218px;
            }
            a{
                text-decoration: underline;
                color: @CL_HEADER_ITEM_TEXT_LINK;
                padding: 0;
                display: inline;
            }
            &:hover{
                background-color: @CL_MESSAGE_ITEM_BG_HVR;
                a{
//                    color: @CL_HEADER_ITEM_TEXT_LINK_HVR;
                }
            }
        }
    }
}